.checked-box{
  display: inline-block;
  width: 18px;
  height: 18px;
  position: relative;
  span{
    position: absolute;
  }
  .iconfont{
    color: #e96858;
    font-size: 0.35
  }
}


.hide{
  display: none;
}

.checked-true{
  transition: all 0.5s;

  .switch-dot{
    transition: all 0.5s;
    left: 19px;
    border: 1px solid #ffffff;
  }
}



.checked-false{
  transition: all 0.5s;
  background-color: #ffffff;
  border: 2px solid RGBA(0, 0, 0, 0.1);
  .switch-dot{
    transition: all 0.5s;
    left: 0px;
    border: 1px solid RGBA(0, 0, 0, 0.1);
  }
}


.switch-main{
  width: 48px;
  height: 26px;
  border-radius: 15px;
  position: relative;
  display: flex;
  align-items: center;
  .switch-dot{
    width: 24px;
    height: 24px;
    position: absolute;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 2px 1px 2px #00000054;
  }
}

.disabled-cls{
  opacity: 0.5;
}


